@extends('frontend/layouts/default')
@section('title')
Danh sách hợp âm
@endsection
@section('content')
<div class="default-width-left">
    <div class="row">
        @include('frontend/lyrics/_partials/index/header-lyric')
    </div>
    <!--filter hop am-->
        @include('frontend/lyrics/_partials/index/filter')
    </div>
    <!--filter hop am end-->
    <div class="table-hopam">
        @include('frontend/lyrics/_partials/index/main')
    </div>
    <div class="box-phantrang" style="margin-top: 10px;">
        {{$data['lyrics']->links()}}
    </div>
</div>
<!--content right-->
<div class="default-width-right">
    <!--Top dong gop hop am-->
    @include('frontend/lyrics/_partials/index/top-users-by-lyrics')
    <!--Top dong gop hop am end-->
    <!--Top hợp âm được yêu cầu nhiều-->
    @include('frontend/lyrics/_partials/index/top-request-lyrics')
    <!--Top hợp âm được yêu cầu nhiều end-->
    <!--Hop am theo chu de-->
    <div class="MgTB20">
        @include('frontend/commons/topics/topics-right',array('type'=>'lyric'))
    </div>
    <!--Hop am theo chu de end-->
    <!--Các chủ đề nổi bật-->
    <div class="MgTB20">
        @include('frontend/commons/tones/tones-right',array('type'=>'lyric'))
    </div>
    <!--Các chủ đề nổi bật end-->
    <!--Yêu cầu bài giảng-->
    <div class="MgT20">
        <div class="box-right">
            @include('frontend/lyrics/_partials/request-lyric')
        </div>
    </div>
    <!--Yêu cầu bài giảng-->
</div>
<!--end content right-->
@endsection